<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>学生列表页</title>
    <link href="/stylesheets/bootstrap.css" type="text/css" rel="stylesheet">
</head>
<body>
    <!-- 尖括号百分号等号： 渲染值。把基本类型的值取出插接到html源代码里 
        尖括号百分号： 括起来到是js语句。例如循环和if。
    -->
    
    结果：<%= message %>
    <h3>学生列表</h3>
    <table>
        <tr>
            <th>学号</th>
            <th>姓名</th>
            <th>年龄</th>
            <th>性别</th>
            <th>电话</th>
            <th>操作</th>
        </tr>
        <%= students %>
        <% students.forEach(function(stu, i){  %>
            <tr>
                <!-- stu  {_id:'', name:'小明'}  obj -->
                <td><%= stu.stuno %></td>
                <td><%= stu.name %></td>
                <td><%= stu.age %></td>
                <td><%= stu.gender %></td>
                <!-- 虽然可以if判断把性别代码转换成字符串，但ejs的语法随着逻辑复杂会变得复杂容易写错，应该在后端处理好
                    <% if(stu.gender==1){ %><td>男</td><% }else{ %><td>女</td><% } %> -->
                <td><%= stu.phone %></td>
                <td>
                    <a href='/students/update/<%= stu._id %>'>更新</a>
                    <!-- <a href='/students/delete?id=<%= stu._id %>'>删除</a> -->
                    <a href='/students/delete/<%= stu._id %>'>删除</a>
                </td>
            </tr>
        <% }) %>
        <!-- <tr>
            <td>0001</td>
            <td>小明</td>
            <td>13</td>
            <td>男</td>
            <td>1371111111</td>
        </tr> -->
    </table>
</body>
</html>